@import "../../style/color.scss";
@import "../../style/domain.scss";
@import "../../style/font.scss";
@import "../../style/mixin.scss";

.tab-wrap {
  width: 100%;
  border-bottom: solid 1px $button-normal-background-color;
  box-sizing: border-box;
  height: 50px;

  >div {
    display: inline-block;
    padding: 0 34px;
    font-family: $medium-font-family;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    box-sizing: border-box;
    line-height: 50px;
    height: 50px;
    vertical-align: top;

    &:hover {
      cursor: pointer;
    }

  }

  .menu-normal-select {

    &:first-child {
      border-top: solid 1px $form-border-color;
      border-right: solid 1px $form-border-color;
      border-left: solid 1px $form-border-color;
    }

    &:not(:first-child) {
      border-top: solid 1px $form-border-color;
      border-right: solid 1px $form-border-color;
    }
  }

  .menu-first-select {
    border-top: none;
    border-left: none;
    border-right: solid 1px $form-border-color;
  }

  .menu-last-select {
    border-top: none;
    border-right: none;
  }

  .tab-select {
    background: url("./../../../images/page/top_menu_active.png") no-repeat;
    background-size: 100% 50px;
    border-top: none !important;
  }
}

